<template>
  <a-layout-sider v-model:collapsed="collapsed" :trigger="null" collapsible>
    <c-menu/>
  </a-layout-sider>
</template>

<script lang="ts">
export default {
  name: "sider"
}
</script>

<script lang="ts" setup>
import {
  MenuFoldOutlined,
  MenuUnfoldOutlined,
  UploadOutlined,
  UserOutlined,
  VideoCameraOutlined
} from "@ant-design/icons-vue";
import {ref} from "vue";
import CMenu from "/@/layouts/console/menu/index.vue";

const selectedKeys = ref<string[]>(['1']);
const props = defineProps({
  collapsed: {
    type: Boolean,
    default: () => false,
  }
});

</script>

<style lang="less" scoped>



.ant-menu.ant-menu-dark {
  background-color: #001529;
}

 :deep(.ant-menu-dark .ant-menu-inline.ant-menu-sub){
  background: #0c2135 !important;
}
</style>
